<template>
	<view class="">
		<view class="max">
			<image class="image" src="../../../static/image/pink.jpg" mode=""></image>
		</view>
		<view class="demo">
			<image style="width: 300rpx;height: 300rpx;text-align: center;"  :src="url" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data: function() {
			return {
				url: ''
			};
		},
		onLoad(option) {
			// option.pink_no
			var pinkNo = "pinK16308415752803";
			this.$http.get('pink/invitation', {
				//传递参数
				pinkNo: pinkNo
			}, {}).then(res => {
				this.url = res.data.data
				console.log(this.url)
			});
		},
		created() {

		},
		methods: {

		},
	};
</script>

<style>
	* {
		margin: 0;
		padding: 0;
	}
	.image {
			z-index: -1;
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
		}
	.demo {
		width: 400px;
		height: 300px;
		margin: 50px auto;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 700rpx;
	}

	.demo image {
		width: 200px;
		height: 150px;
	}
</style>
